
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" class="app js no-touch no-android chrome no-firefox no-iemobile no-ie no-ie10 no-ie11 no-ios" style="height: 95%;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>香港魚蝦蟹押寶-查詢</title>
    <meta name="keywords" content="洛杉矶国际快三 ">
    <meta name="description" content="洛杉矶国际快三 是专门以提供各种走势为主的专业网站，每期及时更新号码。">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link th:href="@{/css/style-chart-min.css}"  type="text/css" rel="stylesheet"  href="../static/css/style-chart-min.css">
    <link th:href="@{/css/bootstrap.min.css}"  rel="stylesheet"  href="../static/css/bootstrap.min.css" type="text/css">
    <link th:href="@{/css/style.css}"  rel="stylesheet"  href="../static/css/style.css" type="text/css">
    <script th:src="@{/js/jquery.min.js}"  src="../static/js/jquery.min.js"></script>
    <script  th:src="@{/js/bootstrap.min.js}" src="../static/js/bootstrap.min.js"></script>

    <link rel="stylesheet" th:href="@{/css/chart-min.css}"  href="../static/css/chart-min.css" type="text/css">
    <script th:src="@{/js/boot-min.js}"  src="../static/js/boot-min.js" type="text/javascript"></script>
    <script th:src="@{/js/ESUNChart-min.js}" src="../static/js/ESUNChart-min.js" type="text/javascript"></script>
    <script th:src="@{/js/jquery.fixedtableheader.min.js}" src="../static/js/jquery.fixedtableheader.min.js" type="text/javascript"></script>


    <script type="text/javascript">
        fw.onReady(function () {
            ESUNChart.init();
            oZXZ._on = true;
            oZXZ.check = function (td) {
                if (
                    td.className == 'chart-bg-c6 blank-c6 o1'
                    || td.className == 'chart-bg-c6 blank-c6 o2'
                    || td.className == 'chart-bg-c10 blank-c10 blank-c7' || td.className == 'chart-bg-c6 blank-c6') {
                    return true;
                }
                return false;
            };
            oZXZ.bind("fixedtable").color("#000").indent(5).setvl(0)
                .add(13, 2, 16, 0).color("#000")
                .add(29, 2, 4, 0).color("#000")
//                .add(33, 2, 4, 0).color("#fc9613")
                .add(32, 2, 7, 0).color("#000");
//                .add(41, 2, 4, 0);
            oZXZ.draw(ESUNChart.ini.default_has_line);
        });
    </script>

<body style="width: 100%;height:100%;">
<div class="wrapper wrapper-xxs" style="width: 100%;height: 100%;">
    <!--banner-->
    <form th:action="@{|/chart|}" method="post">
    <div class="panel-default m-b-none" style="height: 100%;">
        <div class="panel-heading btn-group" style="width:100%;">
            <button style="width:50%" class="btn btn-sm btn-twitter btn-facebook tab-nav" id="tab-result"
                    onclick="window.location.href='/'">
                <i class="glyphicon glyphicon-align-justify"></i>結果
                <span class="arrow bottom h-ab-result"></span></button>
            <button style="width:50%" class="btn btn-sm btn-twitter tab-nav" id="tab-zoushi"
                    onclick="window.location.href='/chart'">
                <i class="glyphicon glyphicon-stats"></i>走勢圖
                <span class="arrow bottom h-ab-result" style="display: none;"></span></button>
        </div>

        <div  id="content-zoushi" style="height: 100%;">
            <table id="fixedtable" border="0" cellpadding="0" cellspacing="0"  class="fixedtable ch-tb-db1"
                   style="width:100%;height: 95%;">
                <tbody>
                <tr>
                    <th rowspan="2">
                        <div>
                            期號
                        </div>
                    </th>
                    <th colspan="3" rowspan="2">開獎號碼</th>
                    <th colspan="6">開獎號碼分布</th>
                </tr>
                <tr class=""  style="border-bottom:1px solid #e8e8e8;">
                    <th><img  src="/img/yx_3.jpg" width="20px" height="20px"></th>
                    <th><img  src="/img/yx_6.jpg" width="20px" height="20px"></th>
                    <th><img  src="/img/yx_5.jpg" width="20px" height="20px"></th>
                    <th><img  src="/img/yx_4.jpg" width="20px" height="20px"></th>
                    <th><img  src="/img/yx_2.jpg" width="20px" height="20px"></th>
                    <th><img  src="/img/yx_1.jpg" width="20px" height="20px"></th>

                </tr>
                    <tr th:each="lottery: ${data.lotterys}"  class="">
                        <td class="chart-bg-qh"><span style="font-size: 18px;" th:text="${lottery.issueNo}">22107</span></td>
                        <td  class="chart-bg-kjhm" id="1_0" style="color:black">
                            <span
                                style="font-size: 30px;"><img th:src="${lottery.firstUrl}" src="../static/img/yx_1.jpg" width="20px" height="20px">
                            </span>
                        </td>

                        <td style="display:none;" class="cc" n="1_0">=MQ==M</td>
                        <td  class="chart-bg-kjhm" id="1_1" style="color:black">
                            <span
                                style="font-size: 30px;"><img th:src="${lottery.secondUrl}" src="../static/img/yx_4.jpg" width="20px" height="20px">
                            </span>
                        </td>



                        <td style="display:none;" class="cc" n="1_1">=MQ==M</td>
                        <td  class="chart-bg-kjhm" id="1_2" style="color:black">
                            <span
                                style="font-size: 30px;"><img th:src="${lottery.thirdUrl}" src="../static/img/yx_6.jpg" width="20px" height="20px">
                            </span>
                        </td>


                        <td style="display:none;" class="cc" n="1_1">=MQ==M</td>
                        <td class="chart-bg-hmfb" style="color:black">
                            <span th:if="${lottery.firstNum eq 3 or lottery.secondNum eq 3 or lottery.thirdNum eq 3}"  style="font-size: 30px;">
                                <img  src="/img/yx_3.jpg" width="20px" height="20px">
                            </span>
                        </td>

                        <td style="display:none;" class="cc" n="1_1">=MQ==M</td>
                        <td class="chart-bg-hmfb" style="color:black">
                            <span th:if="${lottery.firstNum eq 6 or lottery.secondNum eq 6 or lottery.thirdNum eq 6}"  style="font-size: 30px;">
                                <img src="/img/yx_6.jpg" width="20px" height="20px">
                            </span>
                        </td>

                        <td style="display:none;" class="cc" n="1_1">=MQ==M</td>
                        <td class="chart-bg-hmfb" style="color:black">
                            <span th:if="${lottery.firstNum eq 5 or lottery.secondNum eq 5 or lottery.thirdNum eq 5}"  style="font-size: 30px;">
                                <img  src="/img/yx_5.jpg" width="20px" height="20px">
                            </span>
                        </td>

                        <td style="display:none;" class="cc" n="1_1">=MQ==M</td>
                        <td class="chart-bg-hmfb" style="color:black">
                            <span th:if="${lottery.firstNum eq 4 or lottery.secondNum eq 4 or lottery.thirdNum eq 4}"  style="font-size: 30px;">
                                <img src="/img/yx_4.jpg" width="20px" height="20px">
                            </span>
                        </td>

                        <td style="display:none;" class="cc" n="1_1">=MQ==M</td>
                        <td class="chart-bg-hmfb" style="color:black">
                            <span th:if="${lottery.firstNum eq 2 or lottery.secondNum eq 2 or lottery.thirdNum eq 2}"  style="font-size: 30px;">
                                <img  src="/img/yx_2.jpg" width="20px" height="20px">
                            </span>
                        </td>

                        <td style="display:none;" class="cc" n="1_2">=MQ==M</td>
                        <td class="chart-bg-hmfb" style="color:black">
                            <span th:if="${lottery.firstNum eq 1 or lottery.secondNum eq 1 or lottery.thirdNum eq 1}"  style="font-size: 30px;">
                                <img  src="/img/yx_1.jpg" width="20px" height="20px">
                            </span>
                         </td>










                    </tr>

                </tbody>
            </table>

            <div th:include="page-common::pagediv"  class="Pagination" style="margin-bottom: 20px;">
                <div>
                    <span class="current">1</span>
                    <a class="num" href="chart_10.htm">2</a>
                    <a class="num" href="chart_5.htm">3</a>
                    <a class="num" href="chart_2.htm">4</a>
                    <a class="num" href="chart_3.htm">5</a>
                    <a class="next" href="chart_4.htm">&gt;</a>
                </div>
            </div>


        </div>

    </div>
    </form>
</div>

<script>
    $(function () {

        /**分页处理**/
        $(".pageNumber").click(function(){
            var pageNumber=$(this).attr("pageNumber");
            $(this).closest("form").find("input[name='page']").val(pageNumber);
            $(this).closest("form").submit();
        });
        $("#tab-result").click(function(){
            $(this).closest("form").find("input[name='page']").val(1);
            $(this).closest("form").attr("action","/index");
            $(this).closest("form").submit();
        });

        $("#tab-zoushi").click(function(){
            $(this).closest("form").find("input[name='page']").val(1);
            $(this).closest("form").attr("action","/chart");
            $(this).closest("form").submit();
        });

        //倒计时
        djs();
        //最新期数
        initDropList();
        $("#dropBox li a").on("click",
            function () {
                var qishu = $(this).html();
                selectQishu(qishu);
            })
    });

    function djs(s) {
        var min = Math.floor(s / 60);
        if (min < 10) {
            min = "0" + min;
        }
        var sec = s % 60;
        if (sec < 10) {
            sec = "0" + sec;
        }
        var timeStr = "<span>下一期:</span><b>" + min + "</b><span>分</span>" + "<b>" + sec + "</b><span>秒</span>";
        $("#djs").html(timeStr);

        if (s == 0) {
            $("#waiting").show();
            $("#result").hide();
            setTimeout(function () { //等待3秒开奖
                    window.location.reload();
                },
                3000);
        } else {
            s--;
            setTimeout(function () {
                    djs(s);
                },
                1000);
        }
    }

    function initDropList(qishu) {
        var list = "";
        for (var i = 0; i < 10; i++) {
            list += '<li><a href="javascript:;">' + (qishu - i) + '</a></li>';
        }
        $('#dropBox').html(list);
    }

    function selectTab(name) {
        if (name == 'zoushi') {
            $('canvas').show();
        } else {
            $('canvas').hide();
        }
        $(".tab-nav").removeClass("btn-facebook");
        $("#tab-" + name).addClass("btn-facebook");
        $(".tab-nav .arrow").hide();
        $("#tab-" + name + " .arrow").show();
        $(".tab-content").hide();
        $("#content-" + name).show();
    }

    function selectQishu(qishu) {
        var maxQishu = parseInt($('#qishu').html());
        var minQishu = maxQishu - 9;
        if (qishu == 1 || qishu == -1) {
            var selectQishu = parseInt($('#selectQishu').html());
            qishu = selectQishu + qishu;
        }
        if (qishu == minQishu) {
            $("#prevBtn").attr("disabled", true);
        } else {
            $("#prevBtn").attr("disabled", false);
        }
        if (qishu == maxQishu) {
            $("#nextBtn").attr("disabled", true);
        } else {
            $("#nextBtn").attr("disabled", false);
        }
        if (qishu < minQishu || qishu > maxQishu) {
            return false;
        }
//        var url = "/getData";
//        $.get(url, {
//                number: qishu
//            },
//            function (res) {
//                var data = res.data.record;
//                var html = '<div class="r1">' + '<span class="cyanBlue">' + data.num1 + '</span>' +
//                    '<label class="">+</label>' + '<span class="cyanBlue">' + data.num2 + '</span>' +
//                    '<label class="">+</label>' + '<span class="cyanBlue">' + data.num3 + '</span>' + '' +
//                    '<label class="">和值</label>' + '<span class="skyBlue">' + data.total + '</span>' + '</div>' + '<div class="r2">';
//                if (data.total < 11) {
//                    html += '<span class="badge blue-info">小</span>';
//                } else {
//                    html += '<span class="badge red-info">大</span>';
//                }
//                if (data.total % 2 == 0) {
//                    html += '<span class="badge red-info">双</span>';
//                } else {
//                    html += '<span class="badge blue-info">单</span>';
//                }
//                html += '</div>';
//                $("#result").html(html).show();
//                $("#selectQishu").html(data.number);
//            },
//            "json");
    }</script>


</body>
</html>